<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>评价详情</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/rest.css"/>
		<link rel="stylesheet" type="text/css" href="css/chakan.css"/>
		<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<style>
			table{
				width: 100%;
				margin-top:10px;
				border-collapse: collapse;
			}
			.table01{
				
				border:1px solid #ddd;
			}
			/*tr,td,th{
				border:1px solid #ddd;
				
			}*/
			tr{
				height: 35px;					
			}
			tr:hover{
				background:#eee;
			}
			td,th{
				padding-left: 10px;		
			}
			.btn_a{
				padding:0;
				font-size: 12px;
			}
			.del{
				cursor: pointer;
			}
			.inp02{
	
				padding:5px 10px;
				border:1px solid #ddd;
			}
			
			.btn01{
				border:0;
				background:none;
				padding:5px 15px;
				background:#eee;
	
			}
		.sm{
			width:400px;
			padding-top:10px;
			height: auto;
			overflow: hidden;
		}
		</style>
	</head>
	<body>
		<div class="container-fluid" style="margin-top:10px;">
		
			<table border="1" class="table01 table">
				<tr class="info">
					<th>用户名</th>
					<th>评价</th>
					<th>评价说明</th>							
					<th>操作</th>
				</tr>
				
				<tr>
					<td>OK忽然破...</td>
					<td>好评</td>
					<td>宝贝很棒，值得购买</td>
					<td>
						<span class="btn btn_a" data-toggle="modal" data-target="#myModal01">详细</span>&nbsp;|&nbsp;<span class="del">删除</span>
					</td>
				</tr>
				
				<tr>
					<td>慢慢...</td>
					<td>好评</td>
					<td>宝贝很棒，值得购买</td>
					<td>
						<span class="btn btn_a" data-toggle="modal" data-target="#myModal02">详细</span>&nbsp;|&nbsp;<span class="del">删除</span>
					</td>
				</tr>
				
				<tr>
					<td>惊天破...</td>
					<td>中评</td>
					<td>宝贝一般</td>
					<td>
						<span class="btn btn_a" data-toggle="modal" data-target="#myModal03">详细</span>&nbsp;|&nbsp;<span class="del">删除</span>
					</td>
				</tr>
				
			
			</table>
			
			<!--弹框01-->
			
				<div class="modal fade" id="myModal01" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true">×</button>
								<!--<h4 class="modal-title">温馨提示</h4>-->
							</div>
							<div class="modal-body">
								<div class="bootbox-body">
									<div class="bootbox-content">
										<table border="0" cellspacing="" cellpadding="" >										
											<tr>
												<td width="20%" class="td01">用户名称:</td>
												<td>犯困的兔兔</td>
											</tr>
											<tr>
												<td>评价:</td>
												<td>好评</td>
											</tr>
											<tr>
												<td>评价说明:</td>
												<td>
													<p class="sm">宝贝很好，值得购买，宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，
														值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买
													</p>
												</td>
											</tr>
											
										
										</table>
									</div>
									
								</div>
							</div>
							<!--<div class="modal-footer bootbox-footer" style="text-align:center!important;">
							
								<button data-bb-handler="cancel" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
								<button data-bb-handler="confirm" type="button" data-dismiss="modal" class="btn btn-primary">确认</button>
							</div>-->
						</div>
					</div>
				</div>
			<!--弹框01-->
			<!--弹框02-->
			
				<div class="modal fade" id="myModal02" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true">×</button>
								<!--<h4 class="modal-title">温馨提示</h4>-->
							</div>
							<div class="modal-body">
								<div class="bootbox-body">
									<div class="bootbox-content">
										<table border="0" cellspacing="" cellpadding="" >										
											<tr>
												<td width="20%" class="td01">用户名称:</td>
												<td>kkkkl的兔兔</td>
											</tr>
											<tr>
												<td>评价:</td>
												<td>好评</td>
											</tr>
											<tr>
												<td>评价说明:</td>
												<td>
													<p class="sm">宝贝很好，值得购买，宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，
														值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买
													</p>
												</td>
											</tr>
											
										
										</table>
									</div>
									
								</div>
							</div>
							<!--<div class="modal-footer bootbox-footer" style="text-align:center!important;">
							
								<button data-bb-handler="cancel" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
								<button data-bb-handler="confirm" type="button" data-dismiss="modal" class="btn btn-primary">确认</button>
							</div>-->
						</div>
					</div>
				</div>
			<!--弹框02-->
			<!--弹框03-->
			
				<div class="modal fade" id="myModal03" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true">×</button>
								<!--<h4 class="modal-title">温馨提示</h4>-->
							</div>
							<div class="modal-body">
								<div class="bootbox-body">
									<div class="bootbox-content">
										<table border="0" cellspacing="" cellpadding="" >										
											<tr>
												<td width="20%" class="td01">用户名称:</td>
												<td>而且风格和兔兔</td>
											</tr>
											<tr>
												<td>评价:</td>
												<td>好评</td>
											</tr>
											<tr>
												<td>评价说明:</td>
												<td>
													<p class="sm">宝贝很好，值得购买，宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，
														值得购买宝贝很好，值得购买宝贝很好，值得购买宝贝很好，值得购买
													</p>
												</td>
											</tr>
											
										
										</table>
									</div>
									
								</div>
							</div>
							<!--<div class="modal-footer bootbox-footer" style="text-align:center!important;">
							
								<button data-bb-handler="cancel" type="button" class="btn btn-default" data-dismiss="modal">取消</button>
								<button data-bb-handler="confirm" type="button" data-dismiss="modal" class="btn btn-primary">确认</button>
							</div>-->
						</div>
					</div>
				</div>
			<!--弹框03-->
			
		</div>
	</body>
</html>
